<template>
  <el-row class="manage-look">
    <el-col :span="24"
            class="content-text-style">
      <el-tooltip class="item"
                  effect="dark"
                  content="返回"
                  placement="top">
        <el-button icon="el-icon-back"
                   type="text"
                   @click="onBack"></el-button>
      </el-tooltip>
      <span class="ver-style">{{lookObj.modelName}}</span> <span class="ver-style">{{lookObj.versionName}}</span>
    </el-col>
    <el-col :span="24"
            class="main-box">
      <iframe :src="lookObj.modelUrlTure"
              style="height:100%;"
              width="100%"
              scrolling="no"
              frameborder="0"></iframe>
    </el-col>
  </el-row>
</template>

<script>
export default {
  data () {
    return {
      lookObj: {
        // modelUrlTure: 'https://qlh.huizhucloud.com/index.html?projectId=45685aaa-e3a1-421c-a330-36c1527d215a&modelId=01069e6f-bbf0-4dc5-b5df-fae612c276f4',
        // modelName: '测试1',
        // versionName: 'v1.0.0'
      }
    }
  },
  methods: {
    //返回
    onBack () {
      this.$router.push({
        path: '/modelManage'
      })
    }
  },
  created () {
    this.lookObj = JSON.parse(this.$route.query.lookVerObjVal);
    console.log('查看  lookObj.modelUrlTure=',this.lookObj.modelUrlTure);
  }
}
</script>

<style lang="scss" scoped>
.manage-look {
  padding: 20px;
  height: 100%;
}
.content-text-style {
  font-size: 16px;
  font-weight: 400;
}
.ver-style {
  margin-left: 20px;
}
.main-box {
  width: 100%;
  height: calc(100% - 30px);
  margin-top: 10px;
}
</style>